<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
			}
			.head-name{
				width: 1200px;
				min-width: 1200px;
				margin: 0 auto;
				height: 136px;
				line-height: 136px;
				background: #ffffff;
			}
			.login{
				width: 1200px;
				min-width: 1200px;
				margin: 0 auto;
				background: url(img/xiaohui.png) no-repeat;
				background-position:50% 50%; 
				background-size:380px 380px ;
				overflow: hidden;
			}
			.form-name,.form-psd{
				/*width: ;*/
				border-bottom: 1px solid #274976;
				font-size: 16px;
				margin-bottom: 60px;
			}
			.form-box{
				float: right;
				width: 26%;
				margin-top: 100px;
				margin-right: 10%;
			}
			input{
				border: none;
				background: transparent;
				outline: none;
			}
			label{
				font-size: 16px;
				color: #274976;
			}
			.btn-cancel,.btn-login{
				border: 1px solid #274976;
				border-radius: 2px;
				width: 90px;
				height: 34px;
				text-align: center;
				line-height: 34px;
				color: #274976;
				display: inline-block;
			}
			.btn-all{
				text-align: right;
			}
		</style>
	</head>
	<body>
		<div style="box-shadow: 1px 2px 2px #eee;">
			<div class="head-name">
				<img src="img/houtaibiaoti.png"/>
			</div>
		</div>
		<div class="login">
			<div class="form-box">
				<div class="form-name">
				<label>用户名：</label>
					<input type="text" name="" id="name" value="" />
				</div>
				<div class="form-psd">
					<label>密码：</label>
					<input type="password" name="" id="psd" value="" />
				</div>
				<div class="btn-all">
					<div class="btn-cancel">
						取消
					</div>
					<div class="btn-login" style="margin-left: 30px;">
						登录
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="https://code.jquery.com/jquery-3.3.1.js"
 	 integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 	 crossorigin="anonymous"></script>
 	 <script src="js/bootstrap.js"></script>
	<script type="text/javascript">
		$(function(){
			var sheight=document.documentElement.clientHeight-136;
			console.log(sheight)
			$('.login').css('height',sheight)
		})
	</script>
</html>
